<!doctype html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
      layout:decorate="~{fragments/layout}">

<head>
	<meta charset="utf-8">
    <!-- ui使用的引入资源,实际页面代码不会加载  ---start -->
    <!-- 公共 -->
    <link rel="stylesheet" href="../../META-INF/resources/webjars/bootstrap/3.3.7/css/bootstrap.css"  th:remove="all">
    <link rel="stylesheet" href="../../static/fonts/iconfont.css" th:remove="all">

	<script src="../../META-INF/resources/webjars/jquery/3.2.0/jquery.js" th:remove="all"></script>
	<script src="../../META-INF/resources/webjars/bootstrap/3.3.7/js/bootstrap.min.js" th:remove="all"></script>
	<script src="../../static/js/menu.js" th:remove="all"></script>
    
    <script src="../../META-INF/resources/webjars/jquery/3.2.0/jquery.min.js"  th:remove="all"></script>

    <!-- 后台样式 -->
    <link rel="stylesheet" href="../../static/css/manage.css" th:remove="all">
    <link rel="stylesheet" href="../../static/css/power.css" th:remove="all">
    <!-- ui使用的引入资源,实际页面代码不会加载  --- end -->

    <!--引入handbars -->

    <script src="../../static/js/handlebars/handlebars-v1.3.0.js" th:src="@{/js/handlebars/handlebars-v1.3.0.js}"></script>
    <script src="../../static/js/handlebars/eq.js" th:src="@{/js/handlebars/eq.js}"></script>
    <script src="../../static/js/handlebars/if-calc.js" th:src="@{/js/handlebars/if-calc.js}"></script>
	
	<!--基础js-end -->
    <script type="text/javascript">
        var WEB_ROOT = '/demo';
    </script>
	<!-- 消息弹框  start -->
    <script src="../../static/js/system/webweigetutil.js" th:src="@{/js/system/webweigetutil.js}"></script>
    <script language="javascript" src="../../static/js/system/jquery.bootstrap.message.js" th:src="@{/js/system/jquery.bootstrap.message.js}"></script>
    <!-- 消息弹框  end -->
    <script src="../../META-INF/resources/webjars/bootstrap/3.3.7/js/bootstrap.js"></script>

    <script src="../../static/js-busi/staff/userRole.js" th:src="@{/js-busi/role/userRole.js}"></script>


    <script type="text/x-handlebars" id="hasChoseStaff">


                <div>
                       {{#each list}}


                        {{#if-calc @index '%8 ==0'}}
                        </div>
                       <div>

                       {{/if-calc}}

                                <div style="width:40px;padding-left:2px;display:inline">
                                    <input type="checkbox" name="staffIds" value="{{staffId}}" checked>
                                {{staffName}}
                                </div>
                       {{/each}}
                </div>

    </script>


</head>
<body>
	
	<!-- 头部 -->
    <header class="m_header">
        <div class="wt1200 clearfix">
            <div class="m_header_leftWrap">
                <a href="" class="Logo" target="_blank">
                    <img src="../../static/images/logo_manager.png" alt="上海权益中心">
                </a>
                <em class="m_headName">亚信联通DEMO工程</em>
                <span>欢迎登陆亚信联通DEMO工程</span>
            </div>
            <ul class="m_hdlist clearfix">
                <li>
                    <a class="item" href="" target="_blank"><i class="iconfont icon-huiyuan1"></i>admin</a>
                </li>
                <li>
                    <a class="item" href="" target="_blank"><i class="iconfont icon-mima1"></i>修改密码</a>
                </li>
                <li>
                    <a class="item" href="../login/login.html" target=""><i class="iconfont icon-tuichu"></i>退出</a>
                </li>
            </ul>
        </div>
    </header>
    <!-- 头部 end-->

<div class="m_wrap1200">
    <!-- 右边主体 -->
    <div class="m_main" layout:fragment="screen_content">
        <!--pageActionType: addCouponrights/modifyCouponrights  -->

        <input type="hidden"  id="staffType" th:value="${staffType}">
        <input type="hidden"  id="roleId" th:value="${roleId}">

        <div class="m_con">

            <div class="pl20 pr20">

                <!-- Tab panes -->
                <div class="tab-content pt15">
                    <ul class="nav nav-tabs" role="tablist">
                        <li class="active"><a href="#tab01" aria-controls="home" role="tab" data-toggle="tab">选择员工</a></li>
                    </ul>

                    <div class="tab-content pt15">
                        <table class="editTable">
                            <tr>
                                <td class="Hint">
                                    员工名称：
                                </td>
                                <td>
                                    <input type="text" name="staffName" id="staffName" class="form-control">
                                </td>


                                <td>
                                    <a href="javascript:void(0)" class="btn-primary btn mr10 ml20" onclick="queryStaff('1')">查询</a>
                                </td>
                            </tr>


                        </table>

                        <div id="staffTabDiv">
	                        "<table id="staffListTab" class="table table-bordered text-center table-striped table-hover table-th-nowrap mt20 table-td-m" >
    <thead>
    <tr class="active">
        <th></th>
        <th>员工编码</th>
        <th>员工类型</th>
        <th>员工姓名</th>
        <th>电话</th>
        <th>登录名</th>
        <th>状态</th>
    </tr>
    </thead>
    <tbody>
    

    <tr>　

        <td><input name="staffChose" type="checkbox"  id="10000801" lang="test1"
                   value="10000801" onclick="choseStaff(this)"></td>
        <td>10000801</td>
        <td>平台</td>
        <td>test1</td>
        <td>18616000000</td>
        <td>test</td>
        <td>有效</td>
        <td>
        </td>
    </tr>

    <tr>　

        <td><input name="staffChose" type="checkbox"  id="10000702" lang="管理员"
                   value="10000702" onclick="choseStaff(this)"></td>
        <td>10000702</td>
        <td>平台</td>
        <td>管理员</td>
        <td>13232323232</td>
        <td>admin</td>
        <td>有效</td>
        <td>
        </td>
    </tr>

    <tr>　

        <td><input name="staffChose" type="checkbox"  id="10000401" lang="测试管理员（上海）"
                   value="10000401" onclick="choseStaff(this)"></td>
        <td>10000401</td>
        <td>平台</td>
        <td>测试管理员（上海）</td>
        <td>17621685410</td>
        <td>staff_sh</td>
        <td>有效</td>
        <td>
        </td>
    </tr>

    <tr>　

        <td><input name="staffChose" type="checkbox"  id="10000202" lang="测试管理员"
                   value="10000202" onclick="choseStaff(this)"></td>
        <td>10000202</td>
        <td>平台</td>
        <td>测试管理员</td>
        <td>17621685410</td>
        <td>staff</td>
        <td>有效</td>
        <td>
        </td>
    </tr>

    <tr>　

        <td><input name="staffChose" type="checkbox"  id="10000201" lang="admin1"
                   value="10000201" onclick="choseStaff(this)"></td>
        <td>10000201</td>
        <td>平台</td>
        <td>admin1</td>
        <td>17621685410</td>
        <td>admin1</td>
        <td>有效</td>
        <td>
        </td>
    </tr>

    <tr>　

        <td><input name="staffChose" type="checkbox"  id="10000001" lang="周卫澄"
                   value="10000001" onclick="choseStaff(this)"></td>
        <td>10000001</td>
        <td>平台</td>
        <td>周卫澄</td>
        <td>17621685410</td>
        <td>zwc</td>
        <td>有效</td>
        <td>
        </td>
    </tr>
    </tbody>
</table>
                        </div>

                    </div>


                    <ul class="nav nav-tabs" role="tablist">
                        <li class="active"><a href="#tab01" aria-controls="home" role="tab" data-toggle="tab">已选员工</a></li>
                    </ul>

                    <div id="hasChose" class="tab-content pt15">


                    </div>


                    <!-- 按钮 -->
                    <div  class="p20 text-center ">
                        <a href="javascript:void(0)" class="btn-primary btn mr10"  id="bc" onclick="doSubmit()" >保存</a>

                        <a href="javascript:void(0)" class="btn-primary btn mr10"  onclick="goBack()" >返回</a>
                    </div>
                </div>



            </div>
        </div>
    </div>
    <!-- 右边主体 end-->

	<!-- 左边菜单 -->
        <div class="m_nav">
            <div class="leftMenu">
                <div class="menu_list">
                    <ul>
	                    <li>
                            <p class="fuMenu"><i class="iconfont icon-tuichu"></i>我的工作台</p>
                            <div class="menu2">
                                <p class="zcd"><a style="display: block" href="../main/main.html">首页</a></p>
                            </div>
                        </li>
                        <li>
                            <p class="fuMenu"><i class="iconfont icon-mima1"></i>系统管理</p>
                            <div class="menu2">
                                <p class="zcd"><a style="display: block" href="staffList.html">用户管理</a></p>
                                <p class="zcd"><a style="display: block" href="roleList.html" class="active">角色管理</a></p>
                                <p class="zcd"><a style="display: block" href="menuManagerNew.html">菜单管理</a></p>
                                <p class="zcd"><a style="display: block" href="systemParam_Manage.html">系统参数管理</a></p>
                                <p class="zcd"><a style="display: block" href="switchloginstafflist.html">角色切换</a></p>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <!-- 左边菜单 end-->
</div>


</div>

<script src="../../static/js/tree.js" th:remove="all"></script>
<script type="text/javascript">
		meunShow();
		showChoseMenu();
</script>


</body>
</html>